	<div class="page-header">
		<h1> 카테고리</h1>
	</div>

	<div class="table-responsive" style="padding: 8px 0;">
		<div class="container col-md-5" style="height: 400px;overflow-y: scroll;">
			<table class="table table-hover borderless tree">
			<?php
				foreach ($category_tree as $row_data)
				{
					if ( $row_data->depth == 0 and $row_data->category_code === '0' )
					{
						printf('<tr class="treegrid-%s">', $row_data->category_code);
					}
					else
					{
						printf('<tr class="treegrid-%s treegrid-parent-%s">', $row_data->category_code, $row_data->parent_category_code);
					}
					printf('<td>%s</td><td style="width: 100px;"></td>', $row_data->category_name_pc);
					printf('</tr>');
					//echo $row_data->category_name_pc . '<br/>';
				}
			?>

<!--
				<tr class="treegrid-1">
					<td>Root node 1</td><td style="width: 100px;"></td>
				</tr>
				<tr class="treegrid-2 treegrid-parent-1">
					<td>Node 1-1</td><td></td>
				</tr>
				<tr class="treegrid-3 treegrid-parent-1">
					<td>Node 1-2</td><td></td>
				</tr>
				<tr class="treegrid-4 treegrid-parent-3">
					<td>Node 1-2-1</td><td></td>
				</tr>
				<tr class="treegrid-5">
					<td>Root node 2</td><td></td>
				</tr>
				<tr class="treegrid-6 treegrid-parent-5">
					<td>Node 2-1</td><td></td>
				</tr>
				<tr class="treegrid-7 treegrid-parent-5">
					<td>Node 2-2</td><td></td>
				</tr>
				<tr class="treegrid-8 treegrid-parent-7">
					<td>Node 2-2-1</td><td></td>
				</tr>
 -->
			</table>
		</div>
		<div class="col-md-7">
			<div class="col-md-12" style="background-color: aqua;height: 100px;">test1
			</div>
			<div class="col-md-12" style="background-color: gray;aqua;height: 300px;">test2
			</div>
		</div>
	</div>

